<html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
    <title>HIT Top Page</title>
      <script type="text/javascript">
         function test() {

}
      </script>
  </head>

  <body>
  <form name=mturk_form" method="Post" id=mturk_form"
      action="https://workersandbox.mturk.com/mturk/externalSubmit">
  <input value="22HW1INMHGYQAYBOI4XBIMFFOIXJ6U" name="assignmentId" id="assignmentId">

  <div id="code" style="position:absolute; left:0; top:0; font-size:10px; color:white; background-color: #555; width:900px; height:28px;" onkeypress="var keyCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode;
 if (keyCode==13) {
var e = event || window.event;
document.getElementById('studyFrame').style.display='none';
document.getElementById('code').style.display='none';
e.cancelBubble=true;
e.returnValue=false;
e.preventDefault();
         }  ">Confirmation code:<input type="text" size="50" id="sessionId" name="sessionId" style="margin-left:10px;" />

<div style="float:right;background-color:#36C;padding:5px;margin:2px;border:1px solid white;" onclick="document.getElementById('studyFrame').style.display='none'; document.getElementById('code').style.display='none';">Enter Code</div>
</div>

<p>When you saw the article what part of it grabbed your attention first?</p>
<table cellspacing="4" cellpadding="0" border="0">
    <tbody>
        <tr>
            <td valign="center"><input type="radio" value="barchart" name="Q1" /></td>
            <td><span class="answertext">Bar chart</span></td>
        </tr>
        <tr>
            <td valign="center"><input type="radio" value="text" name="Q1" /></td>
            <td><span class="answertext">Text</span></td>
        </tr>
    </tbody>
</table>
<p>What part of the article did you spend more time looking at?</p>
<table cellspacing="4" cellpadding="0" border="0">
    <tbody>
        <tr>
            <td valign="center"><input type="radio" value="barchart" name="Q2" /></td>
            <td><span class="answertext">Bar chart</span></td>
        </tr>
        <tr>
            <td valign="center"><input type="radio" value="text" name="Q2" /></td>
            <td><span class="answertext">Text</span></td>
        </tr>
    </tbody>
</table>
<p>Did you notice redundancy between the text and the bar chart?</p>
<table cellspacing="4" cellpadding="0" border="0">
    <tbody>
        <tr>
            <td valign="center"><input type="radio" value="yes" name="Q3" /></td>
            <td><span class="answertext">Yes</span></td>
        </tr>
        <tr>
            <td valign="center"><input type="radio" value="no" name="Q3" /></td>
            <td><span class="answertext">No</span></td>
        </tr>
    </tbody>
</table>
<p>Which part of the article did you find more memorable?</p>
<table cellspacing="4" cellpadding="0" border="0">
    <tbody>
        <tr>
            <td valign="center"><input type="radio" value="barchart" name="Q4" /></td>
            <td><span class="answertext">Bar chart</span></td>
        </tr>
        <tr>
            <td valign="center"><input type="radio" value="text" name="Q4" /></td>
            <td><span class="answertext">Text</span></td>
        </tr>
        <tr>
            <td valign="center"><input type="radio" value="both" name="Q4" /></td>
            <td><span class="answertext">Both equally</span></td>
        </tr>
        <tr>
            <td valign="center"><input type="radio" value="neither" name="Q4" /></td>
            <td><span class="answertext">Neither</span></td>
        </tr>
    </tbody>
</table>
<p>Did the barchart help you understand the text?</p>
<table cellspacing="4" cellpadding="0" border="0">
    <tbody>
        <tr>
            <td valign="center"><input type="radio" value="yes" name="Q5" /></td>
            <td><span class="answertext">Yes</span></td>
        </tr>
        <tr>
            <td valign="center"><input type="radio" value="no" name="Q5" /></td>
            <td><span class="answertext">No, I still don't understand the text</span></td>
        </tr>
        <tr>
            <td valign="center"><input type="radio" value="noneed" name="Q5" /></td>
            <td><span class="answertext">No need, I understood the text already </span></td>
        </tr>
    </tbody>
</table>
<p>Did the text help you understand the barchart?</p>
<table cellspacing="4" cellpadding="0" border="0">
    <tbody>
        <tr>
            <td valign="center"><input type="radio" value="yes" name="Q6" /></td>
            <td><span class="answertext">Yes</span></td>
        </tr>
        <tr>
            <td valign="center"><input type="radio" value="no" name="Q6" /></td>
            <td><span class="answertext">No, I still don't understand the barchart</span></td>
        </tr>
        <tr>
            <td valign="center"><input type="radio" value="noneed" name="Q6" /></td>
            <td><span class="answertext">No need, I understood the barchart already </span></td>
        </tr>
    </tbody>
</table>
<p>&nbsp;Please briefly summarize the article you read in a few words:</p>
<p><input type="text" size="100" id="Q7" name="Q7" /></p>
<p>&nbsp;Please provide us with comments.</p>
<p><textarea name="comment" cols="80" rows="3"></textarea></p>
<div style="position:absolute; left:0; top: 0;"><iframe width="900" scrolling="no" height="670" frameborder="no" id="previewFrame" src="http://trail.lri.fr/hit_preview.html" onload="var preview=document.getElementById('assignmentId').value=='ASSIGNMENT_ID_NOT_AVAILABLE';document.getElementById('previewFrame').style.display=preview?'block':'none';document.getElementById('studyFrame').style.display=preview?'none':'block';"></iframe></div>
<div style="position:absolute; left:0; top: 28px;"><iframe width="900" scrolling="no" height="1000" frameborder="no" id="studyFrame" src="http://trail.lri.fr/hit_test.html"></iframe></div>

<input type="submit" id=submitButton" value="Mao">
</form>

</html>
